草庐IT

flink 滚动窗口

全部标签

javascript - 在 Reactjs 中测试窗口按键事件

我正在编写的组件需要根据是否按下ctrl来更改其行为。我使用了window.onkeydown事件,但是ReactTestUtils中的Simulate不允许我针对window发送事件。我也尝试过window.dispatchEvent(newKeyboardEvent('keydown',{keyCode:17}));但mocha/node无法识别KeyboardEvent。有没有办法使用ReactTestUtils测试window.onkeydown?如果没有,有没有更好的方法在节点的摩卡中做到这一点?下面是一些代码来说明这个问题:describe('OnKeydown',()=>

javascript - 不允许窗口将顶层框架导航导航到数据 URL

前面的代码将在新窗口中打开pdf文件。varpdfDocument="data:application/pdf;base64,"+data;window.open(pdfDocument);更新chrome后,它似乎停止工作。显然,chrome删除了数据URL的顶层框架导航。我现在该如何解决我的问题?我需要在新窗口中打开此pdf。任何帮助将不胜感激。更新使用iFrame解决了这个问题。感谢Pedro给我想法。$(function(){setManualFrame();});functionsetManualFrame(){$("#ManualFrame").attr("height",

javascript - 如何将 puppeteer 操纵者的焦点转移到弹出窗口

我正在使用Puppeteer在网站内运行测试。单击按钮后,将出现一个带有报告的新弹出浏览器窗口。在那个新窗口中是我想要提取的信息。我怎样才能让puppeteer将焦点转移到这个新创建的浏览器窗口?我的puppeteer页面上有多个打印按钮,点击它会创建一个弹出窗口,我正在尝试获取这些页面的pdf。这是我正在使用的代码。letprintButtons=awaitthis.page.$$('#printNowButton');for(vari=0;i{if((target.url()!=='about:blank')){try{constpageList=awaitbrowser.page

具有与默认行为相同的Javascript自定义滚动js

我在一个div中添加了一个水平滚动条。 我增加了内部div#custom_scroll_child的宽度。但是这些滚动条在手机上是不可见的。所以我想包括js库。当我添加任何像mCustomScrollbar这样的js库时,它的滚动条宽度和向左滚动与默认滚动条不匹配。所以我想要自定义滚动条的设计。但是想要原生滚动条的行为。那么我该如何实现呢?请指导我。 最佳答案 尝试以下操作。body{margin:0px;padding:0px;color:black;}.custom_scroll{width:91%;overflow:

javascript - 在窗口调整大小时调整图像映射

我正在尝试在窗口调整大小事件中调整图像映射的大小。我得到的最接近的是使用mouseclick事件,但它需要为我正在做的事情调整窗口大小。我正在使用Firefox3.5.5我在某种程度上使用了jquery。这是我的示例-我想在调整窗口大小时调整大小的区域按钮位于左上角(单击它以调整map和区域按钮的大小):http://www.whitebrickstudios.com/foghornstour/imagemap3.html任何帮助将不胜感激!谢谢,丰富 最佳答案 我写了一些简单的函数来重建每个事件的所有map点。试试这个functi

javascript - jQuery:将文本区域滚动到给定位置

我有一个包含大量文本的文本区域:lotsandlotsoftextgoeshere我想向下滚动文本区域,以便用户可以看到第2000个字符。我如何使用javasctipt/jQuery执行此操作?$('#txt').scrollToCharNo(2000);//somethinglikethiswouldbegreat编辑(我的解决方案)好吧,我设法让它自己工作。我发现的唯一方法是创建一个与文本区域具有相同字体和宽度的DIV,将SPAN放在所需字符附近并找到该span的位置。我敢肯定,有人可能会发现我的解决方案很有用,所以我会把它粘贴在这里:jQuery.fn.scrollToText=

javascript - 防止在 iOS 上滚动 HTML5 <video> 元素

我试图阻止在MobileSafari上包含HTML5视频元素的Web应用程序中的默认滚动。处理document.ontouchmove和调用e.preventDefault()是我发现实现此目的的标准方法。这似乎在任何地方都有效,除了当您触摸视频元素的顶部时,您可以开始向四周拉动页面,就好像它要滚动一样。这似乎只有在强制打开native视频控件时才会发生。如果您不包含controls属性并以可以在线播放的方式加载视频(例如在iPad上或在设置了allowsInlineMediaPlayback的UIWebView中),则会正确阻止滚动。所以它似乎与捕获事件的native视频控件(大播放

javascript - 将 HTML 从原始文档复制到弹出窗口(使用 JQuery)

这是我在stackoverflow上发表的第一篇文章,...:)我非常喜欢这个网站!我的问题:如何使用JQuery将打开页面中的元素复制到弹出窗口中?到目前为止,这是我尝试过的:CopyToThisPageFromTheParent('#accordianResults');functionCopyToThisPageFromTheParent(querySelector){varclone=$(querySelector,window.parent.document).clone();$('#testHtml').append(clone);alert($('#testHtml').

javascript - 如何检测滚动条上的鼠标弹起? (或 "scrollEnd"事件)

有人知道如何检测滚动条上的mouseup事件吗?它适用于FF,但不适用于Chrome或IE9。我设置了一个快速演示:http://jsfiddle.net/2EE3P/总体思路是我想检测一个scrollEnd事件。显然没有这样的东西,所以我结合了mouseUp和计时器,但是mouseUp在大多数浏览器中都没有触发!div包含一个项目网格,因此当用户停止滚动时,我想将滚动位置调整到最近的有意义的点,例如最近的单元格的边缘。但是,我不想在滚动过程中自动调整位置。我也很乐意接受任何给我相当于scrollEnd的答案 最佳答案 找到了一个无

Javascript:检测窗口何时完全加载

我有一个脚本,可以在网页生命周期的任何阶段加载。加载脚本时,它必须运行initialize()方法。我希望此函数在“onload”事件上运行,但我不能确定该页面尚未加载,即“onload”尚未触发。理想情况下我的脚本应该是这样的:var_initialize=function(){...};if(window.LOADED)_initialize();elseif(window.addEventListener)window.addEventListener('load',_initialize,false);elseif(window.attachEvent)window.attac